$(function () {
    // 全选和全不选功能
    $('#checkall').change(function () {
        // console.log($(this).prop('checked'));
        $('.j-checkbox').prop('checked', $(this).prop('checked'))
    })
    $('.j-checkbox').change(function () {
        // console.log($('.j-checkbox:checked'));
        if ($('.j-checkbox:checked').length == $('.j-checkbox').length) {
            $('#checkall').prop('checked', true)
        } else {
            $('#checkall').prop('checked', false)
        }
    })

    // 数量的值 加
    $('.increase').click(function () {
        let n = $(this).siblings('.itxt').val()
        // 第一种写法让input里的值改变
        // $(this).siblings('.itxt').val(++n)
        // 第二种写法
        n++
        $(this).siblings('.itxt').val(n)

        //计算小计模块
        // console.log($(this).parent().siblings('.unitPrice').text());//从本身出发取到单价的值
        // 当前商品的价格
        let unitPrice = $(this).parent().siblings('.unitPrice').html()
        unitPrice = unitPrice.substr(1)
        // 保留两位小数(第一种写法)
        let p = (n * unitPrice).toFixed(2)
        // 小计
        $(this).parent().siblings('.price').text("￥" + p)
        getSum()
    })
    // 数量的值 减
    $('.decrease').click(function () {
        let n = $(this).siblings('.itxt').val()
        if (n > 1) {
            // 第一种写法让input里的值改变
            // $(this).siblings('.itxt').val(--n)
            // 第二种写法
            n--
            $(this).siblings('.itxt').val(n)
            let unitPrice = $(this).parent().siblings('.unitPrice').text()
            unitPrice = unitPrice.substr(1)
            // 保留两位小数(第一种写法)
            $(this).parent().siblings('.price').text("￥" + (n * unitPrice).toFixed(2))
        } return
        getSum()
    })

    // 当input框的值用户修改改变时
    $('.itxt').change(function () {
        // 取到input框修改后的值
        let n = $(this).val()
        // 取到单价的值
        let unitPrice = $(this).parent().siblings('.unitPrice').text()
        unitPrice = unitPrice.substr(1)
        $(this).parent().siblings('.price').text("￥" + (unitPrice * n).toFixed(2))
        getSum()
    })

    //删除商品
    $('.del').click(function () {
        // 删除当前的商品
        $(this).parents('tr').remove()
        getSum()
    })

    // 删除选中的商品
    $('.removeBatch').click(function () {
        // 删除选中的商品
        $('.j-checkbox:checked').parents('tr').remove()
        // 将全选框的checked改为fasle
        $('#checkall').prop('checked', false)
    })
    // 清理购物车
    $('.clearAll').click(function () {
        // 将所有的商品清除
        $('#goods').remove()
        // 将全选框的checked改为fasle
        $('#checkall').prop('checked', false)
    })

    // 计算总计和总额模块
    function getSum() {
        let count = 0//计算总件数
        let money = 0//计算总价钱
        $('.itxt').each(function (index, eleDom) {
            count += +($(eleDom).val())
        })
        $('#total_quantity').text(count)
        $('.price').each(function (index, eleDom) {
            //总价格取过来要去掉￥然后转换为数字型
            money += +($(eleDom).text().substr(1))
        })
        $('#total_price').text(money.toFixed(2))
    }

})